<template>
  <el-container class="layout-container-demo">
    <SideBar></SideBar>
    <el-container>
      <el-header class="box-header">
        <HeaderBar></HeaderBar>
      </el-header>
      <el-main>
        <router-view></router-view>
      </el-main>
    </el-container>
  </el-container>
</template>

<script lang="ts" setup>
import SideBar from '@/components/SideBar.vue'
import HeaderBar from '@/components/HeaderBar.vue'

</script>

<style lang="scss" scoped>
.layout-container-demo {
  .box-header {
    text-align: right;
    font-size: 12px;
    padding: 0
  }
}
</style>